Ext.define('account_manager.controller.IssuerRiskCrdMrktsController', {
    extend: 'Ext.app.Controller',

    views: [            
            
        ],
    
    init: function() {
      
        this.control({
        	
        });
        
    },    
    
    initIssuerRiskReportScreen : function(menu, item, e, eOpts ){
     
    	
    	var westRegion = Ext.getCmp('westView');
 	    var centreRegion = Ext.getCmp('centerView');
 	    westRegion.removeAll();
		centreRegion.removeAll();
		
		westRegion.add({
                           xtype: 'app_menu',
                           title : 'Navigation'
                       });
		
		centreRegion.add({
			xtype: 'panel', // TabPanel itself has no title
			//header : false,
			title : 'Default Screen',
			border : 0
		});
    },
        
    showScreen : function(view, record, item, index, event){
    	var isLeaf = record.data.leaf;
    	if(isLeaf){
    		       	
        	//var westRegion = Ext.getCmp('westView');
     	    var centreRegion = Ext.getCmp('centerView');
     	    //westRegion.removeAll();
    		centreRegion.removeAll();
    		
    	//	Ext.getCmp('northView').collapse();
    		
    		var tab = Ext.create('Ext.tab.Panel', {
    			title : record.data.text,
    			border : 0,
    			activeTab: 0,
    			listeners: {
    				click: {
    					element: 'el', //bind to the underlying el property on the panel
    					fn: function(){ //console.log('click el' + this.title); 

    					}
    				},

    				tabchange : function(tabPanel, newCard, oldCard, eOpts){
    					console.log(eOpts);
    				}
    			},
    			defaults :{
    				border : 0,
    				autoScroll : true
    			},
    			items: [
    			        {
    			        	title: 'TAB 1',
    			        	id : 'summary',
    			        	//border : 0,
    			        	//autoScroll : true//,
    			        	//items : [panel1,panel2]
    			        },
    			        {
    			        	title: 'TAB2',
    			        	id : 'top20'
    			        }
    			        ]
    		});
    		
    		centreRegion.add(tab);
    	}else{
    		console.log('showScreen root');
    		Ext.EventManager.stopEvent(event);
    	}	   
    },
   
   showScreenDefault : function(){
	   var tab = Ext.create('Ext.tab.Panel', {
  			title : "Dashboard",
  			activeTab: 0,
  			items: [
  			        {
  			        	title: 'Summary'
  			        },
  			        {
  			        	title: 'Top 20'
  			        }
  			        ]
  		});
	   var centerPanel = Ext.getCmp('centerView');
	   centerPanel.add(tab); 
   }
   
//   ,
//   
//   getDummyChart : function(level){
//	   var store = Ext.create('Ext.data.JsonStore', {
//		   fields: ['name', 'data'],
//		   data: [
//			          { 'name': '1999',   'data':10 },
//			          { 'name': '2000',   'data': 7 },
//			          { 'name': '2001', 'data': 40 },
//			          { 'name': '2002',  'data': 15 },
//			          { 'name': '2003',  'data':27 },
//			          { 'name': '2004',   'data':10 },
//			          { 'name': '2005',   'data': 7 },
//			          { 'name': '2006', 'data': 51 },
//			          { 'name': '2006',  'data': 28 },
//			          { 'name': '2007',  'data':27 },
//			          { 'name': '2008',  'data':28 },
//			          { 'name': '2009',   'data':10 },
//			          { 'name': '2010',   'data': 7 },
//			          { 'name': '2011', 'data': 51 },
//			          { 'name': '2012',  'data': 28 },
//			          { 'name': '2013',  'data':27 }
//		          ]
//	   });
//
//	   return Ext.create('Ext.chart.Chart', {
//		   renderTo: Ext.getBody(),
//		   width: 500,
//		   height: 250,
//		   // animate: true,
//		   store: store,
//		   axes: [
//		          {
//		        	  type: 'Numeric',
//		        	  position: 'left',
//		        	  fields: ['data'],
//		        	  label: {
//		        		  renderer: Ext.util.Format.numberRenderer('0,0')
//		        	  },
//		        	  title: 'Sample Values',
//		        	  grid: true,
//		        	  minimum: 0
//		          },
//		          {
//		        	  type: 'Category',
//		        	  position: 'bottom',
//		        	  fields: ['name'],
//		        	  title: 'Sample Metrics'
//		          }
//		          ],
//		          series: [
//		                   {
//		                	   type: 'column',
//		                	   axis: 'left',
//		                	   highlight: true,
//		                	   tips: {
//		                		   trackMouse: true,
//		                		   width: 100,
//		                		   height: 28,
//		                		   renderer: function(storeItem, item) {
//		                			   this.setTitle(storeItem.get('name') + ': ' + storeItem.get('data') + ' $');
//		                		   }
//		                	   },
//		                	   label: {
//		                		   display: 'insideEnd',
//		                		   'text-anchor': 'middle',
//		                		   field: 'data',
//		                		   renderer: Ext.util.Format.numberRenderer('0'),
//		                		   orientation: 'vertical',
//		                		   color: '#333'
//		                	   },
//		                	   xField: 'name',
//		                	   yField: 'data'
//		                   }
//		                   ]
//	   });
//   }
        
    
});